body {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, cursive;
    background:url(../../img/bg2.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width:100%;
    table-layout: auto;
}



.div-supEsquerda{
    float: left;
    position: absolute;
    width: 20%;
    height: 37%;
    top: 10%;
    left: 30%;

    border-right: solid;

}

.div-supEsquerda img {
    width: 60%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.div-supEsquerda h6 {  text-transform: uppercase; font-family: cursive}


.div-infEsquerda{
    float: left;
    width: 20%;
    position: absolute;
    height: 37%;
    top: 58%;
    left: 30%;

    border-right: solid;
}

.div-infEsquerda img {
    width: 60%;

    display: block;
    margin-left: auto;
    margin-right: auto;

}


.div-infEsquerda h6 { text-transform: uppercase; font-family: cursive}





.div-supDireita{
    float: right;
    position: absolute;
    width: 20%;

    height: 37%;
    top: 10%;
    right: 30%;


}

.div-supDireita img {
    width: 60%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.div-supDireita h6 { margin-left: 30px; text-transform: uppercase; font-family: cursive}





.div-infDireita {
    float: right;
    width: 20%;
    height: 37%;
    position: absolute;
    top: 58%;
    right: 30%;

}


.div-infDireita img {
    width: 53%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.div-infDireita  h6 { margin-left: 30px; text-transform: uppercase; font-family: cursive}

